<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<title>首页</title>

	<!-- bootstrap -->
	<link href="__CSS__/bootstrap/bootstrap.css" rel="stylesheet" />

	<!-- libraries -->
	<!-- <link href="css/libs/jquery-ui-1.10.2.custom.css" rel="stylesheet" type="text/css" /> -->
	<link href="__CSS__/libs/font-awesome.css" type="text/css" rel="stylesheet" />

	<!-- global styles -->
	<link rel="stylesheet" type="text/css" href="__CSS__/compiled/layout.css">
	<link rel="stylesheet" type="text/css" href="__CSS__/compiled/elements.css">

	<!-- this page specific styles -->
	<link rel="stylesheet" href="__CSS__/libs/fullcalendar.css" type="text/css" />
	<link rel="stylesheet" href="__CSS__/libs/fullcalendar.print.css" type="text/css" media="print" />
	<link rel="stylesheet" href="__CSS__/compiled/calendar.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="__CSS__/libs/morris.css" type="text/css" />
	<link rel="stylesheet" href="__CSS__/libs/daterangepicker.css" type="text/css" />
	<link rel="stylesheet" href="__CSS__/libs/jquery-jvectormap-1.2.2.css" type="text/css" />
	<link rel="stylesheet" href="__CSS__/new.css">

	<!-- Favicon -->
	<!--<link type="image/x-icon" href="favicon.png" rel="shortcut icon"/>-->

	<!-- google font libraries -->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300|Titillium+Web:200,300,400' rel='stylesheet' type='text/css'>

	<!--[if lt IE 9]>
	<script src="__JS__/html5shiv.js"></script>
	<script src="__JS__/respond.min.js"></script>
	<![endif]-->
	<!--[if lt IE 8]>-->
		<!--<link href="__CSS__/libs/font-awesome-ie7.css" type="text/css" rel="stylesheet" />-->
	<script>
	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

	  ga('create', 'UA-49262924-1', 'phoonio.com');
	  ga('send', 'pageview');

	</script>

</head>
<body>
	<!--head-->
	{include file="pub/head"/}

	<div class="container">
		<div class="row">

				<!--left-->
				{include file="pub/left"/}

			<div class="col-md-10" id="content-wrapper">
				<!--<h2 class="pull-left">Last orders</h2>-->
				<div class="row">
					<div class="col-lg-12">
						<div class="row">
							<div class="col-lg-12">
								<div class="main-box">
									<h2>欢迎您登录本系统！</h2>
									<div class="col-lg-6">
										<div id="calendar"></div>
									</div>

								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>
	<!--foot-->
	{include file="pub/foot"/}
	
	<!-- global scripts -->
	<script src="__JS__/jquery.js"></script>
	<script src="__JS__/bootstrap.js"></script>
	
	<!-- this page specific scripts -->
	<script src="__JS__/jquery-ui.custom.min.js"></script>
	<script src="__JS__/fullcalendar.min.js"></script>

	
	<!-- theme scripts -->
	<script src="__JS__/scripts.js"></script>
    <script>
        /* initialize the calendar
        -----------------------------------------------------------------*/

        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();

        var calendar = $('#calendar').fullCalendar({
            header: {
                left: '',
                center: 'title',
                right: 'prev,next'
            },
            selectable: true,
            selectHelper: true,
            /*select: function(start, end, allDay) {
                var title = prompt('Event Title:');
                if (title) {
                    calendar.fullCalendar('renderEvent',
                        {
                            title: title,
                            start: start,
                            end: end,
                            allDay: allDay
                        },
                        true // make the event "stick"
                    );
                }
                calendar.fullCalendar('unselect');
            },*/
            editable: true,
            droppable: true, // this allows things to be dropped onto the calendar !!!
            drop: function(date, allDay) { // this function is called when something is dropped

                // retrieve the dropped element's stored Event Object
                var originalEventObject = $(this).data('eventObject');

                // we need to copy it, so that multiple events don't have a reference to the same object
                var copiedEventObject = $.extend({}, originalEventObject);

                // assign it the date that was reported
                copiedEventObject.start = date;
                copiedEventObject.allDay = allDay;

                // copy label class from the event object
                var labelClass = $(this).data('eventclass');

                if (labelClass) {
                    copiedEventObject.className = labelClass;
                }

                // render the event on the calendar
                // the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
                $('#calendar').fullCalendar('renderEvent', copiedEventObject, true);

                // is the "remove after drop" checkbox checked?
                if ($('#drop-remove').is(':checked')) {
                    // if so, remove the element from the "Draggable Events" list
                    $(this).remove();
                }

            },
            buttonText: {
                prev: '<i class="fa fa-chevron-left"></i>',
                next: '<i class="fa fa-chevron-right"></i>'
            }/*,
            events: [

            ]*/
        });
    </script>

	
</body>
</html>